import React from "react";
import 石棉板1 from "./石棉板1.png";
import { allStore } from "../../../../store/AllStore";
import { Button, Modal, Table } from "antd";

export class RockWoolBoard extends React.Component {
  onView(dataSource, columns) {
    Modal.info({
      icon: null,
      okText: allStore.isEnglish ? "Close" : "关闭",
      title: allStore.isEnglish ? "Detailed Information" : "详细信息",
      content: (
        <div>
          <Table
            style={{ height: 400 }}
            scroll={{ y: 350 }}
            bordered
            pagination={false}
            dataSource={dataSource}
            columns={columns}
          ></Table>
        </div>
      ),
      width: 960,
    });
  }
  render() {
    const columns = [
      {
        title: allStore.isEnglish ? "Item" : "分类", //Item	Unit	Index	Standard
        dataIndex: "Item",
        key: "Item",
      },
      {
        title: allStore.isEnglish ? "Unit" : "单位",
        dataIndex: "Unit",
        key: "Unit",
      },
      {
        title: allStore.isEnglish ? "Index" : "指标",
        dataIndex: "Index",
        key: "Index",
      },
      {
        title: allStore.isEnglish ? "Standard" : "标准",
        dataIndex: "Standard",
        key: "Standard",
      },
    ];
    const dataSource = [
      {
        Item: allStore.isEnglish ? "Density" : "密度",
        Unit: "Kg/m3",
        Index: "60-120kg/m3",
        Standard: "GB5480.3",
      },
      {
        Item: allStore.isEnglish ? "Average value of fiber" : "纤维平均值",
        Unit: "um",
        Index: "4-7",
        Standard: "GB5480.4",
      },
      {
        Item: allStore.isEnglish
          ? "Slag ball content (granule diameter)"
          : "渣球含量（粒径）",
        Unit: "%",
        Index: "6",
        Standard: "GB5480.5",
      },
      {
        Item: allStore.isEnglish ? "Volume water absorption" : "体积吸水率",
        Unit: "%",
        Index: "2",
        Standard: "GB/GB16401-1996",
      },
      {
        Item: allStore.isEnglish ? "Heat absorption" : "吸热",
        Unit: "%",
        Index: "1",
        Standard: "GB5480.7",
      },
      {
        Item: allStore.isEnglish ? "organic content" : "有机物含量",
        Unit: "%",
        Index: "≤1.5%",
        Standard: "GB11835-1998",
      },
      {
        Item: allStore.isEnglish ? "thermal conductivity" : "热导率",
        Unit: "(W/(M.K at 70C )",
        Index: "≤0.044",
        Standard: "GB10294-88",
      },
      {
        Item: allStore.isEnglish ? "Moisture resistivity" : "湿度电阻率",
        Unit: "%",
        Index: "98",
        Standard: "B10299-88 ",
      },
    ];
    return (
      <div id="rock-rool-board" className="pcd-mod-layout">
        <div
          style={{
            width: 1080,
            display: "flex",
            alignItems: "center",
          }}
        >
          <img
            style={{ width: 470, marginRight: 140 }}
            alt=""
            src={石棉板1}
          ></img>
          <div style={{ width: 470, height: 300 }}>
            <div
              style={{
                textAlign: "start",
                fontSize: 24,
                color: "#000",
                marginBottom: 24,
              }}
            >
              {allStore.isEnglish ? "Rock wool board" : "石棉板"}
            </div>
            <div style={{ textAlign: "start", marginBottom: 24 }}>
              {allStore.isEnglish
                ? "Rock wool blanket is a kind of soft and roll product made of rock wool felt wrapped by wire netting, stainless steel netting or glass wire, mainly used for heat preservation of large-caliber pipeline,storage tank, large-scale equipment. Iron wire and stainless steel wire seam felt is especially applicable for heat insulation of high temperature equipment.Rock wool  blanket is a kind of soft and roll product made of rock wool felt wrapped  by wire netting, stainless steel netting or glass wire, mainly used for heat preservation of large-caliber pipeline,storage tank, large-scale equipment. Iron wire and stainless steel  wire seam felt is especially applicable for heat insulation of high temperature equipment. "
                : "岩棉毡是一种由岩棉毡用金属丝包裹而成的软卷产品网、不锈钢网或玻璃丝，主要用于大口径管道的保温， 储罐、大型设备。铁线和不锈钢线缝毡特别适用于高温设备的隔热。岩棉毡是一种由岩棉毡用金属丝包裹而成的软卷产品网、不锈钢网或玻璃丝，主要用于大口径管道的保温，储罐、大型设备。铁线和不锈钢线缝毡特别适用于高温设备的隔热。"}
            </div>
            <div style={{ textAlign: "start" }}>
              <Button
                type="primary"
                onClick={() => this.onView(dataSource, columns)}
              >
                {allStore.isEnglish ? "View details" : "查看详情"}
              </Button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
